tem
<template>
  <div class="list-type-btn">
    <el-tooltip
      class="item"
      effect="dark"
      :content="tableType === 1 ? '切换缩略图模式' : '切换列表模式'"
      placement="bottom-end"
    >
      <el-button @click="changeListType" type="text"
        ><i
          :class="
            tableType === 1 ? 'iconfont icon-gallery' : 'iconfont icon-list'
          "
        ></i
      ></el-button>
    </el-tooltip>
  </div>
</template>
<script>
import { mapMutations, mapGetters } from 'vuex'
export default {
  methods: {
    ...mapMutations({
      changeListType: 'file/changeListType',
    }),
  },
  computed: {
    ...mapGetters(['tableType']),
  },
}
</script>
<style lang="scss" scoped>
.list-type-btn {
  // position: absolute;
  // right: 35px;
  // padding: 15px 0 0 13px;
  // margin-left: 15px;
  i {
    font-size: 18px;
  }
}
</style>
